Frontend Forever App
We have a mobile app for you to download and use. And you can unlock many features in the app.
Get it now
Intall Later
Run
HTML
CSS
Javascript
Output
Document
@charset "UTF-8"; @import url(https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800); *, :after, :before { box-sizing: border-box; padding: 0; margin: 0; } img { --s: min(50vw,360px); /* control the size */ width: var(--s); aspect-ratio: 1; object-fit: cover; object-position: top; padding: calc(var(--s)/4) calc(var(--s)/8) 0; box-sizing: border-box; background: conic-gradient(from 135deg at 50% 15%,#e0dee1,#28a6b5 25%,#0000 0); clip-path: polygon(-50% 0,150% 0,50% 100%); transition: .5s; cursor: pointer; } img:hover { padding: 0; } body { margin: 0; min-height: 100vh; display: grid; place-content: center; grid-template-columns: auto auto; background: #f4d967; }
console.log("Event Fired")